@charset "UTF-8";
body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul { margin: 0; padding: 0; list-style-type: none; }
em, i { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: #333; text-decoration: none; outline: none; }
a:hover { color: #0099ff; }
img { border: 0; }
input, select, button, textarea { border-radius: 0; outline: 0; margin: 0; font-family: inherit; font-size: inherit; color: inherit; -webkit-appearance: none; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; opacity: 1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
body > div[id^=_] { display: none !important; }

.hide { display: none; }
.fn-clear, .index-seciton { zoom: 1; }
.fn-clear:after, .index-seciton:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.red { color: #fa4e57; }
.blue { color: #0099ff; }

.btn { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; display: inline-block; padding: 2px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; color: #0099ff; border: 1px solid #0099ff; border-radius: 2px; }
.btn:hover { background-color: #0099ff; color: #fff; }
.btn:active { outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-blue { background-color: #0099ff; color: #fff; }
.btn-blue:hover { background-color: #0078ff; border-color: #0078ff; }
.btn-green { background-color: #4ace63; border-color: #4ace63; color: #fff; }
.btn-green:hover { background-color: #3bbb54; border-color: #3bbb54; }

@-webkit-keyframes rotate { 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rolling { 100% { -moz-transform: translateY(145px); -ms-transform: translateY(145px); -webkit-transform: translateY(145px); transform: translateY(145px); } }
@keyframes rolling { 100% { -moz-transform: translateY(145px); -ms-transform: translateY(145px); -webkit-transform: translateY(145px); transform: translateY(145px); } }
.icon-sprite, .icon-aos, .icon-arrow, .icon-arrow2, .icon-code, .icon-down, .icon-high, .icon-home, .url-here:before, .icon-ios, .icon-mark, .soft-list3.top:before, .icon-next, .icon-next2, .icon-prev, .icon-prev2, .icon-thumb, .icon-thumb2, .icon-thumb3, .icon-thumb4, .icon-time, .icon-time2, .icon-top, .icon-top1, .icon-top2, .icon-top3, .icon-totop-on, .back-top:hover .icon-totop, .icon-totop { background-image: url('../images/icon-s54874b7c33.png'); background-repeat: no-repeat; }
.icon-aos { background-position: 0 0; height: 28px; width: 26px; }
.icon-arrow { background-position: 0 -30px; height: 11px; width: 7px; }
.icon-arrow2 { background-position: 0 -43px; height: 14px; width: 8px; }
.icon-code { background-position: 0 -59px; height: 24px; width: 24px; }
.icon-down { background-position: 0 -85px; height: 22px; width: 25px; }
.icon-high { background-position: 0 -109px; height: 22px; width: 25px; }
.icon-home, .url-here:before { background-position: 0 -133px; height: 22px; width: 22px; }
.icon-ios { background-position: 0 -157px; height: 28px; width: 26px; }
.icon-mark, .soft-list3.top:before { background-position: 0 -187px; height: 50px; width: 50px; }
.icon-next { background-position: 0 -239px; height: 34px; width: 20px; }
.icon-next2 { background-position: 0 -275px; height: 28px; width: 16px; }
.icon-prev { background-position: 0 -305px; height: 34px; width: 20px; }
.icon-prev2 { background-position: 0 -341px; height: 28px; width: 16px; }
.icon-thumb { background-position: 0 -371px; height: 24px; width: 24px; }
.icon-thumb2 { background-position: 0 -397px; height: 24px; width: 24px; }
.icon-thumb3 { background-position: 0 -423px; height: 28px; width: 30px; }
.icon-thumb4 { background-position: 0 -453px; height: 28px; width: 30px; }
.icon-time { background-position: 0 -483px; height: 12px; width: 12px; }
.icon-time2 { background-position: 0 -497px; height: 12px; width: 12px; }
.icon-top { background-position: 0 -511px; height: 20px; width: 16px; }
.icon-top1 { background-position: 0 -533px; height: 20px; width: 16px; }
.icon-top2 { background-position: 0 -555px; height: 20px; width: 16px; }
.icon-top3 { background-position: 0 -577px; height: 20px; width: 16px; }
.icon-totop-on, .back-top:hover .icon-totop { background-position: 0 -599px; height: 42px; width: 42px; }
.icon-totop { background-position: 0 -643px; height: 42px; width: 42px; }
.icon { display: inline-block; }
body { font-family: "Microsoft YaHei", "tahoma", "arial", "sans-serif"; font-size: 14px; background-color: #fff; color: #444; }
.page { min-height: 100vh; width: 100%; position: relative; overflow: hidden; }
.page-cover .page { display: none; }
.wrapper { width: 1200px; margin-left: auto; margin-right: auto; }
.header { background-color: #fff; }
.header-main { height: 98px; overflow: hidden; }
.header-main .logo { float: left; margin-top: 25px; }
.header-main .logo img { width: 266px; height: 50px; }
.header-main .search-box { float: right; margin-top: 28px; }
.header-main .input-wrap { overflow: hidden; }
.header-main .input { float: left; width: 298px; height: 22px; line-height: 22px; padding: 10px 25px; background: none; border: none; outline: none; font-size: 16px; color: #999; border: 1px solid #0099ff; border-radius: 22px 0 0 22px; }
.header-main .button { width: 92px; height: 44px; font-size: 18px; background-color: #0099ff; color: #FFF; border: none; outline: none; float: right; cursor: pointer; border-radius: 0 22px 22px 0; }
.header-main .hot-word { margin-top: 8px; }
.header-main .hot-word a { color: #666; margin-right: 24px; }
.header-main .hot-word a:hover { color: #fa4e57; }
.header-nav { height: 42px; line-height: 42px; background: #0099ff; }
.header-nav ul { overflow: hidden; }
.header-nav li { float: left; margin-right: 1px; }
.header-nav a { display: block; padding: 0 40px; font-size: 18px; color: #fff; text-align: center; }
.header-nav a:hover, .header-nav a.on { background-color: #0078ff; }
.content { position: relative; min-height: calc(100vh - 255px); }
.content-l { width: 860px; }
.content-l .laypage_main { margin-bottom: 20px; }
.content-r { width: 310px; }
.content-r .conbox.enter, .content-r.leave .posbox { position: fixed; top: 0; width: 310px; }
.content-r.leave .ad140 { position: fixed; top: 405px; width: 310px; }
.content-r.leave .ad140 + .js-position { position: fixed; top: 0; width: 310px; }
.content-r.leave .js-position .ad140 { position: static; top: auto; width: auto; }
.footer { margin-top: 20px; background: #FFF; color: #999; font-size: 14px; line-height: 28px; padding: 20px 0; text-align: center; border-top: 1px solid #ddd; }
.footer a { color: #999; }
.footer .menu { line-height: 22px; margin-bottom: 8px; }
.footer .menu li { display: inline-block; vertical-align: top; }
.footer .menu li + li { margin-left: 10px; }
.footer .menu li + li:before { content: ''; display: inline-block; vertical-align: top; width: 1px; height: 14px; background: #999; margin: 5px 10px 0 0; }
.footer .menu a { display: inline-block; vertical-align: top; }
.sec-nav { height: 40px; line-height: 40px; background-color: #f2f2f2; overflow: hidden; }
.sec-nav a { font-size: 14px; color: #444; margin-left: 32px; }
.sec-nav a:hover { color: #fa4e57; text-decoration: underline; }
.sec-nav a.on { color: #0099ff; }
.star { display: inline-block; vertical-align: -2px; width: 85px; height: 15px; background: url(../images/index/star.png) no-repeat; }
.star.star1 { background-position: -70px 0px; }
.star.star2 { background-position: -52px 0px; }
.star.star3 { background-position: -35px 0px; }
.star.star4 { background-position: -18px 0px; }
.m-star { display: inline-block; vertical-align: -2px; width: 76px; height: 15px; background: url(../images/index/m-star.png) no-repeat; }
.m-star.star4 { background-position: -15px 0px; }
.m-star.star3 { background-position: -31px 0px; }
.m-star.star2 { background-position: -45px 0px; }
.m-star.star1 { background-position: -61px 0px; }
.block-title { height: 55px; line-height: 55px; border-bottom: 1px solid #ddd; margin-bottom: 20px; position: relative; zoom: 1; }
.block-title:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.block-title.news .title { border: none; }
.block-title.news .tabs { float: right; }
.block-title.news .tabs li { padding: 0 15px; }
.block-title.news .tabs li + li { margin-left: 30px; }
.block-title.news .tabs li.on { color: #333; }
.block-title.news .tabs li.on:before { display: block; }
.block-title.news .tabs li:before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 2px; background-color: #0099ff; margin-left: 0; display: none; }
.block-title.link .title { color: #676767; border: none; }
.block-title .title { float: left; height: 53px; font-size: 20px; font-weight: bold; color: #333; border-bottom: 3px solid #0099ff; margin-right: 50px; position: relative; }
.block-title .text { float: left; font-size: 24px; font-weight: normal; font-family: Candara; color: #ddd; margin-left: 10px; }
.block-title .more { float: right; font-size: 16px; padding: 0 5px; }
.block-title .tabs { float: left; }
.block-title .tabs li { float: left; cursor: pointer; color: #333; font-size: 20px; position: relative; }
.block-title .tabs li.on { color: #0099ff; }
.block-title .tabs li + li { margin-left: 50px; }
.block-title .tabs li + li:before { content: '/'; position: absolute; font-size: 20px; color: #ddd; margin-left: -30px; }
.block-title .menu { float: right; margin-top: 10px; }
.block-title .menu li { float: left; margin-left: -1px; }
.block-title .menu a { display: block; width: 112px; height: 45px; line-height: 44px; text-align: center; font-size: 20px; color: #333; border: 1px solid #ddd; }
.block-title .menu a:hover, .block-title .menu a.on { margin-top: -1px; border-top: 2px solid #0099ff; border-bottom-color: #fff; }
.block-title2 { height: 42px; line-height: 42px; border-bottom: 1px solid #ddd; margin-bottom: 15px; overflow: hidden; }
.block-title2 .title { font-size: 18px; color: #676767; display: inline-block; vertical-align: top; }
.block-title3, .block-title4, .block-title5 { height: 44px; line-height: 44px; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 15px; }
.block-title3 .title, .block-title4 .title, .block-title5 .title { display: inline-block; vertical-align: top; font-size: 18px; font-weight: bold; color: #333; }
.block-title3 .more, .block-title4 .more, .block-title5 .more { float: right; font-size: 16px; color: #999; }
.block-title3 .more:hover, .block-title4 .more:hover, .block-title5 .more:hover { color: #0099ff; }
.block-title3 .btn-change, .block-title4 .btn-change, .block-title5 .btn-change { border: 0; float: right; font-size: 14px; padding: 3px 8px; background-color: #0099ff; color: #fff; cursor: pointer; border-radius: 0; margin-top: 9px; }
.block-title3 .btn-change:hover, .block-title4 .btn-change:hover, .block-title5 .btn-change:hover { background-color: #0078ff; }
.block-title3 .tabs, .block-title4 .tabs, .block-title5 .tabs { float: right; }
.block-title3 .tabs li, .block-title4 .tabs li, .block-title5 .tabs li { float: left; font-weight: bold; cursor: pointer; }
.block-title3 .tabs li.on, .block-title4 .tabs li.on, .block-title5 .tabs li.on { color: #0099ff; }
.block-title3 .tabs li + li, .block-title4 .tabs li + li, .block-title5 .tabs li + li { margin-left: 50px; }
.block-title3 .tabs li + li:before, .block-title4 .tabs li + li:before, .block-title5 .tabs li + li:before { content: '/'; position: absolute; font-size: 16px; color: #ddd; margin-left: -30px; }
.block-title3 .title { line-height: 43px; border-bottom: 2px solid #0099ff; }
.block-title4 { border-bottom-color: #0099ff; }
.block-title4 .title { font-weight: normal; }
.block-title5 .title { border-bottom: 0; }
.block-tab { line-height: 44px; height: 44px; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.block-tab li { width: 50%; float: left; text-align: center; font-size: 17px; color: #666; cursor: pointer; }
.block-tab li.on { height: 42px; border-bottom: 3px solid #0099ff; color: #0099ff; }
.back-top { width: 42px; height: 42px; position: fixed; left: 50%; margin-left: 625px; bottom: 110px; cursor: pointer; z-index: 99; border: 1px solid #ddd; opacity: 0; visibility: hidden; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; }
.back-top:hover { border-color: #0099ff; background-color: #0099ff; }
.back-top.enter { opacity: 1; visibility: visible; }
.js-tab-cont, .js-tab-list { display: none; }
.js-tab-cont.on, .js-tab-list.on { display: block; }
.url-here { height: 22px; line-height: 22px; font-size: 14px; color: #666; margin: 10px 0; }
.url-here:before { content: ''; display: inline-block; vertical-align: top; margin-right: 5px; }
.url-here a:hover { text-decoration: underline; }
.url-here h1 { display: inline; font-size: 14px; }
.laypage_main { text-align: center; margin: 30px 0; color: #666; }
.laypage_main span, .laypage_main a { display: inline-block; vertical-align: top; height: 30px; line-height: 30px; min-width: 14px; padding: 0px 8px; background-color: #edf1f3; color: #666; font-size: 14px; border: 1px solid #edf1f3; border-radius: 2px; margin-left: 5px; }
.laypage_main a:hover, .laypage_main .laypage_curr { background-color: #0099ff; border-color: #0099ff; color: #fff; }
.laypage_blue a:hover, .laypage_blue .laypage_curr { background-color: #0099ff; border-color: #0099ff; }
.list-page { margin: 40px 0; padding: 0 20px; text-align: center; }
.list-page span, .list-page a { display: inline-block; height: 32px; line-height: 32px; padding: 0 12px; margin: 0 2px; text-align: center; font-size: 14px; }
.list-page span, .list-page a:hover { color: #fff; background: #0099ff; }
.conbox { margin-bottom: 15px; }

.index-soft-list { overflow: hidden; margin-top: 20px; margin-bottom: 15px; }
.index-tags-group { margin-bottom: 25px; }
.index-tags-group dl, .index-tags-group dd { height: 26px; line-height: 26px; overflow: hidden; }
.index-tags-group dl { margin: 8px 0; }
.index-tags-group dt { float: left; font-size: 18px; text-align: center; color: #444; margin-right: 20px; }
.index-tags-group a { float: left; height: 26px; line-height: 26px; padding: 0 13px; font-size: 14px; position: relative; }
.index-tags-group a + a:after { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px; }
.index-tags-group .icon-arrow { margin-left: 10px; }
.index-focus-l { width: 390px; float: left; }
.index-focus-c { width: 450px; float: left; margin-left: 36px; }
.index-focus-r { width: 280px; float: right; }
.index-focus-slide { width: 390px; position: relative; overflow: hidden; }
.index-focus-slide .bd { height: 300px; }
.index-focus-slide .bd li { position: relative; }
.index-focus-slide .bd .pic { display: block; width: 390px; height: 300px; }
.index-focus-slide .bd .tit { position: absolute; bottom: 0; left: 0; right: 0; height: 52px; line-height: 52px; padding: 0 15px 8px; overflow: hidden; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); font-size: 16px; color: #fff; }
.index-focus-slide .hd { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 8px; overflow: hidden; }
.index-focus-slide .hd ul { display: flex; }
.index-focus-slide .hd li { width: 20%; height: 8px; float: left; font-size: 0; background-color: #333; position: relative; flex: 1; }
.index-focus-slide .hd li:after { content: ''; position: absolute; left: -1px; top: 0; bottom: 0; width: 1px; background-color: #A2A2A2; }
.index-focus-slide .hd li.on { background-color: #0099ff; z-index: 1; }
.index-focus-slide .hd li.on:after { background-color: #0099ff; }
.index-focus-new { overflow: hidden; margin-top: 20px; }
.index-focus-new li { width: 185px; float: left; }
.index-focus-new li + li { margin-left: 20px; }
.index-focus-new a { display: block; overflow: hidden; position: relative; }
.index-focus-new a:hover .tit { background-color: rgba(0, 0, 0, 0.7); }
.index-focus-new .pic { width: 185px; height: 142px; display: inline-block; vertical-align: top; }
.index-focus-new .tit { position: absolute; left: 0; right: 0; bottom: 0; height: 26px; line-height: 26px; background-color: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); color: #fff; font-size: 12px; padding: 0 10px; text-align: center; overflow: hidden; }
.index-focus-link { margin-bottom: 20px; }
.index-focus-link h3 { height: 30px; line-height: 30px; text-align: center; font-size: 20px; font-weight: bold; overflow: hidden; }
.index-focus-link h3 a:hover { color: #333; text-decoration: underline; }
.index-focus-link p { height: 20px; line-height: 20px; padding-right: 40px; overflow: hidden; margin-top: 10px; font-size: 14px; color: #565656; position: relative; }
.index-focus-link .more { position: absolute; right: 0px; top: 0px; line-height: 20px; font-size: 16px; color: #ff4c4c; }
.index-focus-link .more:hover { text-decoration: underline; }
.index-focus-tabs .hd { text-align: center; margin-bottom: 17px; }
.index-focus-tabs .hd ul { overflow: hidden; border-bottom: 1px solid #ccc; }
.index-focus-tabs .hd li { width: 25%; float: left; height: 36px; line-height: 36px; font-size: 16px; color: #444; cursor: pointer; }
.index-focus-tabs .hd li.on { color: #0099ff; }
.index-focus-tabs .bd li { height: 22px; line-height: 22px; zoom: 1; position: relative; margin-top: 12px; }
.index-focus-tabs .bd .pic-wrap { height: 22px; float: left; margin-right: 10px; }
.index-focus-tabs .bd .pic { display: inline-block; vertical-align: top; font-size: 0; width: 22px; height: 22px; border-radius: 3px; }
.index-focus-tabs .bd .tit { float: left; width: 350px; height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-focus-tabs .bd .time { font-size: 12px; color: #999; float: right; }
.index-focus-tabs .bd .red { color: #fa4e57; }
.index-focus-tabs .bd-list { display: none; }
.index-focus-tabs .bd-list.on { display: block; }
.index-focus-game .block-title2 { margin-bottom: 15px; }
.index-focus-game .list li { margin-top: 11px; }
.index-focus-game .list a { display: block; overflow: hidden; }
.index-focus-game .list .pic { width: 72px; height: 72px; border-radius: 12px; float: left; margin-right: 15px; }
.index-focus-game .list .tit, .index-focus-game .list .btn { margin-top: 6px; }
.index-focus-game .list .tit { height: 26px; line-height: 26px; overflow: hidden; font-size: 16px; font-weight: bold; color: #333; }
.index-focus-game .list .tit:hover { color: #0078ff; }
.index-focus-game .list .btn { float: right; border-radius: 13px; }
.index-focus-game .list .txt { height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; color: #999; margin-top: 12px; }
.index-seciton { margin: 20px 0; }
.index-seciton .block-title .more { height: 56px; line-height: 62px; color: #666; }
.index-seciton .block-title .more:hover { color: #0099ff; }
.index-seciton-l { width: 910px; float: left; position: relative; }
.index-seciton-r { width: 290px; float: right; }
.index-seciton-r .soft-top-list .on .btn { background-color: #0099ff; color: #fff; }
.soft-top-list .block-title2 { height: 20px; line-height: 20px; border-bottom: 0; }
.soft-top-list .block-title2 .title { color: #444; }
.soft-top-list .block-title2 .icon { vertical-align: top; margin-right: 12px; }
.soft-top-list .list { margin: -9px 0; }
.soft-top-list .item { overflow: hidden; position: relative; padding: 9px 0; cursor: default; }
.soft-top-list .item + .item { border-top: 1px dashed #f5f5f5; }
.soft-top-list .num { width: 21px; height: 21px; background: #879299; color: #fffefe; font-size: 14px; text-align: center; float: left; margin-right: 10px; }
.soft-top-list .num1 { background: #fa4e57; }
.soft-top-list .num2 { background: #fa7a53; }
.soft-top-list .num3 { background: #fbc258; }
.soft-top-list .pic-wrap { float: left; width: 75px; height: 75px; margin-right: 12px; display: none; }
.soft-top-list .pic { width: 100%; height: 100%; border-radius: 12px; }
.soft-top-list .con { width: 198px; padding-right: 60px; float: left; }
.soft-top-list .tit { height: 21px; line-height: 21px; overflow: hidden; font-size: 16px; color: #333; }
.soft-top-list .txt { height: 22px; line-height: 22px; color: #999; font-size: 14px; overflow: hidden; }
.soft-top-list .btn { width: 54px; padding: 1px 0; position: absolute; right: 0; top: 50%; margin-top: -12px; }
.soft-top-list .star { margin: 8px 0; }
.soft-top-list .m-star { margin: 10px 0 6px; }
.soft-top-list .pic-wrap, .soft-top-list .star, .soft-top-list .m-star, .soft-top-list .txt { display: none; }
.soft-top-list .on .con { width: 112px; }
.soft-top-list .on .num { height: 75px; line-height: 75px; background-color: #fa4e57; }
.soft-top-list .on .btn { border-radius: 0; }
.soft-top-list .on .btn:hover { background-color: #0078ff; border-color: #0078ff; }
.soft-top-list .on .pic-wrap, .soft-top-list .on .star, .soft-top-list .on .m-star, .soft-top-list .on .txt { display: block; }
.soft-top-list2 { overflow: hidden; }
.soft-top-list2 ul { margin-bottom: -12px; }
.soft-top-list2 li { height: 18px; line-height: 18px; margin-bottom: 14px; overflow: hidden; }
.soft-top-list2 .num { width: 18px; height: 18px; background: #879299; color: #fffefe; font-size: 14px; text-align: center; float: left; margin-right: 10px; }
.soft-top-list2 .num1 { background: #fa4e57; }
.soft-top-list2 .num2 { background: #fa7a53; }
.soft-top-list2 .num3 { background: #fbc258; }
.soft-top-list3 { overflow: hidden; }
.soft-top-list3 ul { margin-top: -10px; }
.soft-top-list3 li { height: 20px; line-height: 20px; padding: 10px 0; overflow: hidden; border-bottom: 1px dashed #ddd; }
.soft-top-list3 .num { width: 20px; height: 20px; background: #e5e5e5; color: #666; font-size: 14px; text-align: center; float: left; margin-right: 10px; }
.soft-top-list3 .num1, .soft-top-list3 .num2, .soft-top-list3 .num3 { background: #0099ff; color: #fff; }
.soft-top-list3 .tit { height: 20px; overflow: hidden; }
.soft-top-list3 .txt { color: #999; float: right; margin-left: 30px; }
.game-top-list .num { background: #c4d0db; }
.game-top-list .num1 { background: #f44334; }
.game-top-list .num2 { background: #fe7416; }
.game-top-list .num3 { background: #fab805; }
.game-top-list .tit { font-size: 14px; }
.game-top-list .btn { display: none; }
.game-top-list .on .tit { font-size: 16px; }
.game-top-list .on .btn { display: block; }
.game-top-list .on .num { background: #f44334; }
.index-soft-list3.soft-list ul { margin: 0 0 -15px -50px; }
.index-soft-list3.soft-list li { width: 100px; margin: 0 0 15px 50px; }
.index-soft-list3.soft-list .pic { width: 75px; height: 75px; border-radius: 12px; }
.index-soft-list4 ul { overflow: hidden; width: 385px; float: left; }
.index-soft-list4 ul + ul { margin-left: 22px; }
.index-soft-list4 li { height: 20px; line-height: 20px; font-size: 14px; color: #999; overflow: hidden; margin-bottom: 10px; }
.index-soft-list4 a:hover { color: #fe5f3d; }
.index-soft-list4 .time { float: right; margin-left: 20px; }
.index-link-list { overflow: hidden; }
.index-link-list li { width: 120px; float: left; height: 16px; line-height: 16px; margin-bottom: 14px; overflow: hidden; }
.index-link-list a { color: #666; }
.index-link-list a:hover { color: #0099ff; }
.index-news-group .index-seciton-l { width: 878px; }
.index-news-group .index-seciton-r .block-title .title { border-bottom: 0; }
.index-news-list1 { width: 420px; float: left; }
.index-news-list1 li + li { margin-top: 20px; }
.index-news-list1 .pic-wrap { display: block; position: relative; }
.index-news-list1 .pic-wrap:hover .tit { color: #0099ff; }
.index-news-list1 .pic { display: block; width: 420px; height: 130px; object-fit: cover; }
.index-news-list1 .tit { position: absolute; left: 0; right: 0; bottom: 0; padding: 8px 12px; line-height: 25px; max-height: 50px; text-align: justify; overflow: hidden; font-size: 18px; font-weight: bold; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.3); }
.index-news-list2 { width: 425px; float: right; }
.index-news-list2 dl { margin-bottom: 18px; }
.index-news-list2 dt { height: 26px; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-weight: bold; overflow: hidden; margin-bottom: 12px; }
.index-news-list2 dd { color: #999; font-size: 14px; line-height: 22px; max-height: 44px; overflow: hidden; position: relative; text-align: justify; }
.index-news-list2 dd .more { margin-left: 5px; }
.index-news-list2 li { height: 33px; line-height: 33px; overflow: hidden; }
.index-news-list2 li:before { content: ''; width: 3px; height: 3px; background: #ccc; display: inline-block; vertical-align: 4px; margin-right: 8px; }
.index-news-list2 li .time { float: right; color: #999; margin-left: 20px; }
.index-news-list3 ul { margin: -8px 0; }
.index-news-list3 li { padding: 9px 0; }
.index-news-list3 li + li { border-top: 1px dashed #f5f5f5; }
.index-news-list3 .item-hd { overflow: hidden; height: 20px; line-height: 20px; }
.index-news-list3 .item-bd { margin-top: 10px; overflow: hidden; position: relative; display: none; }
.index-news-list3 .num { width: 20px; height: 20px; background: #879299; color: #fffefe; font-size: 14px; font-weight: bold; text-align: center; float: left; margin-right: 10px; }
.index-news-list3 .num1 { background: #fa4e57; }
.index-news-list3 .num2 { background: #fa7a53; }
.index-news-list3 .num3 { background: #fbc258; }
.index-news-list3 .pic-wrap { width: 176px; height: 85px; float: left; }
.index-news-list3 .pic { width: 100%; height: 100%; }
.index-news-list3 .txt { height: 22px; line-height: 22px; color: #999; font-size: 14px; overflow: hidden; }
.index-news-list3 .btn { width: 82px; padding: 4px 0; float: right; margin-top: 27px; }
.index-news-list3 .on .tit { font-size: 16px; font-weight: bold; }
.index-news-list3 .on .item-bd { display: block; }
.index-rec-list.show .js-tab-cont { max-height: inherit; }
.index-rec-list.show .more { display: none; }
.index-rec-list .js-tab-cont { max-height: 300px; overflow: hidden; }
.index-rec-list .more { text-align: center; margin-top: 10px; }
.index-rec-list .btn-more { color: #999; cursor: pointer; }
.index-rec-list ul { overflow: hidden; margin-left: -25px; }
.index-rec-list li { width: 220px; height: 20px; line-height: 20px; overflow: hidden; float: left; margin-bottom: 10px; margin-left: 25px; }
.index-rec-list li:before { content: ''; display: inline-block; vertical-align: 3px; width: 2px; height: 2px; background-color: #444; border-radius: 50%; margin-right: 6px; }
.index-rec-list a { color: #333; }
.index-rec-list a:hover { font-weight: bold; }

.soft-cate-list { padding: 15px 0; }
.soft-cate-list .block-title3 .title { padding-left: 15px; padding-right: 15px; font-weight: normal; }
.soft-cate-list ul { overflow: hidden; }
.soft-cate-list li { width: 134px; height: 20px; line-height: 20px; float: left; padding-left: 15px; overflow: hidden; margin-bottom: 12px; }
.soft-menu-list { overflow: hidden; }
.soft-menu-list ul { margin: 0 0 -10px -15px; overflow: hidden; }
.soft-menu-list li { width: 93px; float: left; margin: 0 0 10px 15px; }
.soft-menu-list a { display: block; height: 34px; line-height: 34px; overflow: hidden; text-align: center; border: 1px solid #ddd; border-radius: 18px; }
.soft-menu-list a.on, .soft-menu-list a:hover { background-color: #0099ff; border-color: #0099ff; color: #fff; }
.soft-list { overflow: hidden; }
.soft-list.game { margin-bottom: 15px; }
.soft-list.game .block-title { margin-top: -10px; }
.soft-list.game ul { margin: 0 0 0 -22px; }
.soft-list.game li { width: 100px; margin: 0 0 0 22px; }
.soft-list.game .pic { width: 100px; height: 100px; border-radius: 15px; }
.soft-list.like ul { margin: 0 0 -15px -27px; }
.soft-list.like li { width: 85px; margin: 0 0 15px 27px; }
.soft-list.like .pic { width: 75px; height: 75px; border-radius: 15px; }
.soft-list.related ul { margin: 0 0 -15px -27px; }
.soft-list.related li { margin: 0 0 15px 27px; }
.soft-list.hot { margin-top: 20px; }
.soft-list.hot .title { float: left; width: 24px; height: 60px; text-align: center; margin-top: 15px; color: #333; font-size: 22px; font-weight: bold; position: relative; }
.soft-list.hot .icon-arrow2 { position: absolute; left: 30px; top: 50%; margin-top: -7px; }
.soft-list.hot ul { margin: 0 0 0 32px; }
.soft-list.hot li { width: 74px; margin-left: 23px; }
.soft-list.hot .pic { width: 74px; height: 74px; }
.soft-list ul { overflow: hidden; margin: 0 0 -15px -44px; }
.soft-list li { width: 80px; float: left; margin: 0 0 15px 44px; text-align: center; }
.soft-list .pic { display: inline-block; vertical-align: top; width: 80px; height: 80px; border-radius: 12px; }
.soft-list .tit { margin-top: 5px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; font-size: 14px; }
.soft-list .txt { height: 20px; line-height: 20px; overflow: hidden; font-size: 12px; color: #999; margin-top: 2px; }
.soft-list .btn { margin-top: 5px; }
.soft-list2 { margin-top: -15px; }
.soft-list2 .item { display: block; height: 75px; padding: 15px 0; overflow: hidden; position: relative; }
.soft-list2 .item + .item { border-top: 1px dashed #edeff5; }
.soft-list2 .tit { color: #333; max-width: 160px; height: 19px; overflow: hidden; }
.soft-list2 .tit:hover { color: #0099ff; }
.soft-list2 .pic { width: 75px; height: 75px; border-radius: 12px; float: left; margin-right: 12px; }
.soft-list2 .txt { height: 20px; line-height: 20px; margin-top: 6px; color: #999; font-size: 12px; overflow: hidden; }
.soft-list2 .btn { position: absolute; top: 50%; right: 0; width: 62px; padding: 4px 0; border-radius: 0; margin-top: -15px; }
.soft-list2 .star { vertical-align: middle; }
.soft-list3 { overflow: hidden; }
.soft-list3.top { padding-top: 35px; position: relative; }
.soft-list3.top:before { content: ''; position: absolute; top: 0; left: 0; }
.soft-list3.top ul { margin-bottom: 0; margin-left: 0; }
.soft-list3.top li { margin-left: 30px; margin-bottom: 10px; }
.soft-list3.related ul { margin-left: -22px; }
.soft-list3.related li { margin-left: 22px; }
.soft-list3 ul { overflow: hidden; margin-left: -35px; margin-bottom: -15px; }
.soft-list3 li { float: left; margin-left: 35px; margin-bottom: 15px; }
.soft-list3 a { display: block; width: 88px; position: relative; }
.soft-list3 a:hover .txt, .soft-list3 a:hover .btn { display: block; }
.soft-list3 .pic-wrap { width: 88px; height: 88px; position: relative; }
.soft-list3 .pic { width: 100%; height: 100%; border-radius: 12px; }
.soft-list3 .txt { position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 88px; padding: 0 5px; text-align: center; background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 15px; font-size: 0; display: none; }
.soft-list3 .txt p { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 18px; max-height: 36px; overflow: hidden; }
.soft-list3 .tit { height: 32px; line-height: 32px; overflow: hidden; margin-top: 5px; text-align:center; }
.soft-list3 .btn { border: 0; padding: 0; display: block; height: 32px; line-height: 32px; background-color: #0099ff; color: #fff; border-radius: 0; position: absolute; left: 0; right: 0; bottom: 0; display: none; }
.soft-list4 { overflow: hidden; }
.soft-list4 ul { overflow: hidden; margin-left: -10px; margin-top: -15px; }
.soft-list4 li { float: left; margin-left: 10px; margin-top: 15px; }
.soft-list4 .item { display: block; width: 150px; height: 89px; position: relative; }
.soft-list4 .item:hover .btn { display: block; }
.soft-list4 .item:hover .tit-wrap { top: 0; }
.soft-list4 .item:hover .tit { margin-top: 12px; margin-bottom: 6px; }
.soft-list4 .pic { width: 100%; height: 100%; }
.soft-list4 .tit-wrap { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); color: #fff; position: absolute; left: 0; right: 0; bottom: 0; }
.soft-list4 .tit { text-align: center; height: 26px; line-height: 26px; text-align: center; overflow: hidden; }
.soft-list4 .btn { display: none; margin: 0 auto; width: 84px; line-height: 28px; padding: 0; border: 0; border-radius: 0; background-color: #0099ff; color: #fff; }
.soft-list4 .btn:hover { background-color: #0078ff; }
.soft-list5 li { overflow: hidden; margin-bottom: 8px; }
.soft-list5 .pic { width: 32px; height: 32px; float: left; }
.soft-list5 .tit { height: 31px; line-height: 31px; overflow: hidden; margin-left: 40px; border-bottom: 1px dashed #ddd; }
.soft-list6 li { overflow: hidden; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #efefef; }
.soft-list6 .pic-wrap { float: left; margin-right: 15px; }
.soft-list6 .pic { width: 60px; height: 60px; border-radius: 10px; }
.soft-list6 .con { overflow: hidden; position: relative; }
.soft-list6 .title { max-width: 500px; height: 26px; line-height: 26px; margin-bottom: 8px; overflow: hidden; font-size: 18px; font-weight: bold; }
.soft-list6 .info { color: #999; }
.soft-list6 .info span { margin-right: 20px; }
.soft-list6 .star { vertical-align: -2px; }
.soft-list6 .text { color: #666; line-height: 25px; max-height: 50px; margin-top: 10px; overflow: hidden; }
.soft-list6 .btn { position: absolute; top: 0; right: 0; width: 126px; padding: 7px 0; font-size: 20px; border-radius: 0; }
.soft-list7 li { margin-bottom: 8px; }
.soft-list7 a { display: block; height: 26px; line-height: 26px; padding-right: 20px; overflow: hidden; background: url(../images/icon/arrow.png) no-repeat right center; }
.soft-list7 .pic { width: 26px; height: 26px; float: left; margin-right: 10px; }
.soft-list7 .tit:hover { text-decoration: underline; }
.soft-list8 { overflow: hidden; }
.soft-list8 ul { margin-bottom: 10px; }
.soft-list8 li { overflow: hidden; margin-bottom: 10px; }
.soft-list8 .pic-wrap { width: 48px; height: 48px; float: left; margin-right: 5px; }
.soft-list8 .pic { width: 100%; height: 100%; border-radius: 8px; }
.soft-list8 .btn { float: right; margin-top: 11px; }
.soft-list8 .tit { width: 165px; height: 24px; line-height: 24px; overflow: hidden; margin-bottom: 2px; }
.soft-list8 .tit a:hover { text-decoration: underline; }
.soft-list8 .txt { font-size: 12px; color: #999; }
.soft-list9 li + li { border-top: 1px dashed #ddd; padding-top: 12px; margin-top: 12px; }
.soft-list9 a { display: block; overflow: hidden; }
.soft-list9 .pic { width: 85px; height: 85px; float: left; margin-right: 6px; }
.soft-list9 .tit, .soft-list9 .txt { height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; }
.soft-list9 .txt { font-size: 12px; color: #999; }
.tag-list { overflow: hidden; }
.tag-list ul { overflow: hidden; margin: 0 0 -8px -8px; }
.tag-list li { margin: 0 0 8px 8px; float: left; }
.tag-list a { font-size: 14px; line-height: 20px; color: #666; }
.tag-list a:hover { color: #fa4e57; text-decoration: underline; }

.soft-detail-info { margin-top: 10px; margin-bottom: 25px; overflow: hidden; position: relative; }
.soft-detail-info .adbox { position: absolute; top: 0; right: 0; }
.soft-detail-info .pic { width: 40px; height: 40px; border-radius: 15px; position: absolute; left: 0; top: 0; }
.soft-detail-info .con { width: 490px; float:left; }
.soft-detail-info .title { line-height: 40px; height: 40px; font-size: 24px; font-weight: bold; overflow: hidden; margin-bottom: 10px; margin-left: 50px; }
.soft-detail-info .attr { width: 542px; overflow: hidden; }
.soft-detail-info .attr dl { width: 225px; height: 28px; line-height: 28px; float: left; font-size: 14px; overflow: hidden; }
.soft-detail-info .attr dt { float: left; color: #999; }
.soft-detail-info .attr dd { color: #333; }
.soft-detail-info .attr dd .star { vertical-align: -2px; }
.soft-detail-info .attr .w100 { width: 100%; }
.soft-detail-info .btn-group { width: 252px; margin-top: 10px; float:left;}
.soft-detail-info .btn { vertical-align: top; font-size: 0; min-width: 210px; height: 70px; line-height: 70px; padding: 0 20px; border-radius: 5px; }
.soft-detail-info .btn.disabled { border-color: #ccc; background-color: #ccc; cursor: default; }
.soft-detail-info .btn.disabled:active { box-shadow: none; }
.soft-detail-info .btn .icon { display: inline-block; vertical-align: middle; margin-right: 20px; }
.soft-detail-info .btn .text { display: inline-block; vertical-align: middle; font-size: 26px; text-align: left; line-height: 1.1; }
.soft-detail-info .btn .text i, .soft-detail-info .btn .text b { display: block; margin: 5px 0; font-weight: normal; font-style: normal; }
.soft-detail-info .btn .text i { font-size: 14px; }
.soft-detail-tabs { height: 46px; line-height: 46px; background: #f9f9f9; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.soft-detail-tabs li { float: left; width: 121px; text-align: center; font-size: 16px; font-weight: bold; color: #666; border-left: 1px solid #eee; cursor: pointer; position: relative; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.soft-detail-tabs li.on, .soft-detail-tabs li:hover { background-color: #fff; color: #0099ff; border-bottom: 1px solid #fff; }
.soft-detail-tabs li.on:before { content: ''; position: absolute; left: 0; right: 0; top: -1px; height: 3px; background-color: #0099ff; }
.soft-detail-intro { margin: 10px 0 20px; color: #333; font-size: 14px; line-height: 32px; overflow: hidden; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }
.soft-detail-intro h2, .soft-detail-intro h3, .soft-detail-intro h4, .soft-detail-intro h5{ display: block; margin-bottom: 5px; color: #333; position: relative; padding: 0 0 0 8px; font-weight: 700; text-indent: 0; margin: 10px 0; border-left: 4px solid #0099ff; border-bottom: 1px solid #efefef; height: 40px; font-size: 18px !important; line-height: 36px !important; }
.soft-detail-intro img { max-width: 100%; }
.soft-detail-images { margin-bottom: 25px; }
.soft-detail-images .block-title3 .title { border-bottom: 0; }
.soft-detail-images .pic-scroll .hd { display: none; }
.soft-detail-address { position: relative; }
.soft-detail-address ._47eufoz64t4 { position: absolute; top: 60px; right: 0; }
.soft-detail-address .block-tab li { width: auto; margin-right: 20px; font-weight: bold; }
.soft-detail-address .title { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 20px; }
.soft-detail-address .list { width: 300px; }
.soft-detail-address .list h3 { font-size: 13px; font-weight: bold; color: #9ea0a2; line-height: 20px; margin-bottom: 15px; }
.soft-detail-address .list ul { overflow: hidden; padding-left: 38px; }
.soft-detail-address .list li { width: 130px; float: left; height: 24px; line-height: 24px; margin-bottom: 10px; }
.soft-detail-address .list a { color: #666; }
.soft-detail-address .list a:hover { text-decoration: underline; }
.soft-detail-address dd a { display: inline-block; vertical-align: top; width: 78px; height: 24px; line-height: 24px; font-size: 13px; white-space: nowrap; color: #666; background: none; padding: 0; margin-bottom: 10px; margin-left: 38px; margin-right: 24px; border-radius: 3px; }
.soft-detail-note { padding: 20px; background-color: #edf1f3; margin-top: 15px; }
.soft-detail-note .title { font-size: 17px; color: #ff0000; font-weight: bold; margin-bottom: 10px; }
.soft-detail-note .text { color: #333; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }
.soft-screen-shot { margin: 20px 0; }
.soft-screen-shot .bd-one .oper { visibility: hidden; }
.soft-screen-shot .bd { overflow: hidden; white-space: nowrap; font-size: 0; text-align: center; position: relative; }
.soft-screen-shot .bd:hover .oper { display: block; }
.soft-screen-shot .bd ul { overflow: hidden; }
.soft-screen-shot .bd li { display: inline-block; vertical-align: top; height: 330px; }
.soft-screen-shot .bd li + li { margin-left: 20px; }
.soft-screen-shot .bd .pic { display: block; height: 100%; }
.soft-screen-shot .bd .oper { position: absolute; width: 40px; height: 90px; line-height: 90px; font-size: 0; text-align: center; cursor: pointer; top: 50%; left: 0; margin-top: -45px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#99000000, endColorstr=#99000000); display: none; }
.soft-screen-shot .bd .oper:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }
.soft-screen-shot .bd .oper:hover:after { content: none; }
.soft-screen-shot .bd .next { left: auto; right: 0; }
.soft-screen-shot .bd .icon { vertical-align: middle; }
.soft-images { overflow: hidden; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.soft-images.loaded ul { width: 100%; height: auto; }
.soft-images.loaded li { opacity: 1; position: static; }
.soft-images.loaded .pic { width: auto; height: auto; max-width: 100%; margin: 0 auto; }
.soft-images ul { width: 66%; height: 550px; position: relative; perspective: 1000px; margin: 0 auto; }
.soft-images li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.soft-images .prev-item, .soft-images .next-item { z-index: 10; opacity: 1; cursor: pointer; }
.soft-images .prev-item:after, .soft-images .next-item:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#99000000, endColorstr=#99000000); -moz-transition: background 0.4s; -o-transition: background 0.4s; -webkit-transition: background 0.4s; transition: background 0.4s; }
.soft-images .prev-item:hover:after, .soft-images .next-item:hover:after { background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#44000000, endColorstr=#44000000); }
.soft-images .cur-item { z-index: 20; opacity: 1; }
.soft-images .prev-item { -moz-transform: rotateY(30deg) scale(0.8); -ms-transform: rotateY(30deg) scale(0.8); -webkit-transform: rotateY(30deg) scale(0.8); transform: rotateY(30deg) scale(0.8); }
.soft-images .next-item { -moz-transform: rotateY(-30deg) scale(0.8); -ms-transform: rotateY(-30deg) scale(0.8); -webkit-transform: rotateY(-30deg) scale(0.8); transform: rotateY(-30deg) scale(0.8); }
.soft-images .pic { display: block; width: 100%; height: 100%; }
.version-list { overflow: hidden; }
.version-list.game li { background: none; color: #666; }
.version-list.game li + li { border-top: 1px dashed #ddd; padding-top: 10px; }
.version-list.game .btn { background-color: #fff; border-color: #0099ff; color: #0099ff; }
.version-list.game .btn:hover { background-color: #0099ff; color: #fff; }
.version-list.game .tit { padding-left: 0; }
.version-list li { height: 28px; line-height: 28px; background: #edf1f3; font-size: 14px; overflow: hidden; margin-bottom: 10px; }
.version-list .tit { width: 382px; height: 28px; margin-right: 30px; padding-left: 10px; float: left; }
.version-list .size { margin-left: 30px; }
.version-list .star { vertical-align: top; margin-top: 5px; }
.version-list .btn { padding: 3px 12px; float: right; background-color: #879299; border-color: #879299; color: #fff; }
.version-list .btn:hover { background-color: #0099ff; border-color: #0099ff; }
.hot-words { margin: -15px 0 0 -10px; }
.hot-words a { display: inline-block; vertical-align: top; line-height: 26px; padding: 0 20px; background-color: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 50px; margin: 15px 0 0 10px; }
.hot-words a:hover { color: #0099ff; }
.hot-words .c1, .hot-words .c8, .hot-words .c21 { color: #ff1716; }
.hot-words .c2, .hot-words .c9, .hot-words .c16, .hot-words .c22 { color: #0b9e94; }
.hot-words .c3, .hot-words .c10, .hot-words .c17, .hot-words .c23 { color: #d39f17; }
.hot-words .c4, .hot-words .c11, .hot-words .c18, .hot-words .c24 { color: #ff006b; }
.hot-words .c5, .hot-words .c12, .hot-words .c19, .hot-words .c25 { color: #049cff; }
.hot-words .c6, .hot-words .c13, .hot-words .c20, .hot-words .c26 { color: #8b4bfa; }
.hot-words .c7, .hot-words .c14, .hot-words .c15, .hot-words .c27 { color: #4b991f; }
.soft-detail-topic .block-title4 .tabs { float: none; display: inline-block; vertical-align: top; font-size: 16px; margin-left: 40px; }
.soft-focus { overflow: hidden; margin-bottom: 20px; }
.soft-focus .pic-wrap { width: 250px; height: 140px; float: left; margin-right: 15px; }
.soft-focus .pic { width: 100%; height: 100%; }
.soft-focus .tit { height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px dashed #f5f5f5; font-size: 16px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-right: 80px; margin-bottom: 8px; }
.soft-focus .more { position: absolute; top: 0; right: 0; font-weight: normal; font-size: 14px; color: #999; }
.soft-focus .more:hover { color: #0099ff; }
.soft-focus .txt { color: #666; line-height: 30px; height: 90px; overflow: hidden; text-align: justify; }
.news-focus { overflow: hidden; margin-bottom: 20px; }
.news-focus .pic-wrap { width: 250px; height: 140px; float: left; margin-right: 15px; }
.news-focus .pic { width: 100%; height: 100%; }
.news-focus .tit { height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; overflow: hidden; margin-bottom: 8px; }
.news-focus .time { color: #999; margin-bottom: 4px; }
.news-focus .icon-time { margin-right: 5px; }
.news-focus .txt { color: #666; line-height: 26px; height: 78px; overflow: hidden; text-align: justify; }
.js-tab-head .title { cursor: pointer; }

.game-cate { background: #fff; margin-top: 25px; }
.game-cate dl { line-height: 24px; color: #222; overflow: hidden; }
.game-cate dt { width: 80px; float: left; font-size: 14px; }
.game-cate dd { overflow: hidden; }
.game-cate dd a { display: inline-block; padding: 0 15px; float: left; margin-right: 20px; font-size: 14px; text-align: center; border: 1px solid #fff; margin-bottom: 10px; }
.game-cate dd a.on, .game-cate dd a:hover { color: #f44334; border: 1px solid #f44334; }
.game-list { overflow: hidden; }
.game-list ul { overflow: hidden; margin: 0 0 -10px -18px; }
.game-list li { float: left; margin: 0 0 20px 18px; }
.game-list a { display: block; width: 155px; height: 200px; background: #fff; border: 1px solid #ddd; position: relative; }
.game-list a:hover .btn { display: block; }
.game-list .pic { display: block; width: 120px; height: 120px; border-radius: 20px; margin: 15px auto 0; }
.game-list .tit { height: 20px; line-height: 20px; padding: 0 12px; margin-top: 8px; margin-bottom: 1px; overflow: hidden; }
.game-list .info { font-size: 12px; color: #666; padding: 0 12px; overflow: hidden; margin-top: 8px; }
.other-recom { overflow: hidden; margin-top: 30px; }
.other-recom h3 { font-size: 16px; color: #666; margin-bottom: 8px; }
.other-recom ul { margin-left: -28px; overflow: hidden; }
.other-recom li { float: left; margin-left: 28px; margin-bottom: 5px; }
.other-recom a { font-size: 14px; color: #999; }
.other-recom a:hover { color: #666; }
.game-detail-info { padding-top: 10px; margin-bottom: 15px; overflow: hidden; }
.game-detail-info .pic { width: 136px; height: 136px; border-radius: 20px; margin: 0 20px 0 0; float: left; }
.game-detail-info .con { width: 325px; float: left; }
.game-detail-info .title { line-height: 40px; height: 40px; font-size: 24px; font-weight: bold; overflow: hidden; margin-bottom: 5px; }
.game-detail-info .attr { overflow: hidden; }
.game-detail-info .attr dl { width: 50%; line-height: 30px; height: 30px; float: left; }
.game-detail-info .attr dt { float: left; color: #999; }
.game-detail-info .attr .w100 { width: 100%; }
.game-detail-info .star { vertical-align: -2px; }
.game-detail-info .btn-group { width: 175px; float: left; margin: 10px 0 0 5px; }
.game-detail-info .btn { display: block; padding: 0; border: 0; font-size: 0; height: 50px; line-height: 50px; border-radius: 5px; }
.game-detail-info .btn.disabled { background: #ccc; border-color: #ccc; cursor: default; }
.game-detail-info .btn.disabled:active { box-shadow: none; }
.game-detail-info .btn + .btn { margin-top: 15px; }
.game-detail-info .btn .icon { display: inline-block; vertical-align: middle; margin-right: 12px; }
.game-detail-info .btn .text { display: inline-block; vertical-align: middle; width: 100px; line-height: 1.2; font-size: 17px; text-align: left; white-space: normal; word-break: break-all; }
.game-detail-info .btn .text b, .game-detail-info .btn .text i { font-weight: normal; font-style: normal; display: block; margin: 2px 0; }
.game-detail-info .btn .text i { font-size: 12px; line-height: 14px; }
.game-detail-info .btn .icon-ios + .text { font-size: 16px; }
.game-detail-info .btn-game { margin-top: 30px; }
.game-detail-info .code-group, .soft-detail-info .code-group { width: 130px; float: right; margin-right: 15px; }
.game-detail-info .code-box, .soft-detail-info .code-box { width: 110px; height: 110px; padding: 10px; background: url(../images/game/code-box.png) no-repeat; position: relative; overflow: hidden; }
.game-detail-info .code-img, .soft-detail-info .code-img { display: block; width: 100%; height: 100%; }
.game-detail-info .code-line, .soft-detail-info .code-line { width: 142px; height: 15px; background: url(../images/game/code-line.png) no-repeat; position: absolute; left: -6px; top: -15px; -moz-animation: rolling 3s linear infinite; -webkit-animation: rolling 3s linear infinite; animation: rolling 3s linear infinite; }
.game-detail-info .code-tit,.soft-detail-info .code-tit { text-align: center; font-size: 16px; font-weight: bold; margin-top: 6px; }
.pic-scroll { margin: 10px 0; position: relative; }
.pic-scroll:hover .prev, .pic-scroll:hover .next { opacity: 1; visibility: visible; }
.pic-scroll .bd { position: relative; margin: 0 auto; overflow: hidden; }
.pic-scroll .item { display: none; text-align: center; }
.pic-scroll .item1 { display: block; }
.pic-scroll .pic { display: inline-block; vertical-align: top; max-width: 600px; max-height: 600px; }
.pic-scroll .hd { height: 12px; text-align: center; margin-top: 15px; }
.pic-scroll .hd li { display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 8px; background: #ccc; border-radius: 50%; cursor: pointer; font-size: 0; }
.pic-scroll .hd li.on { background: #0078ff; }
.pic-scroll .prev, .pic-scroll .next { width: 40px; height: 60px; line-height: 60px; text-align: center; position: absolute; top: 50%; margin-top: -30px; background-color: #879299; border-radius: 5px; font-size: 0; cursor: pointer; opacity: 0; visibility: hidden; -moz-transform: all 0.4s; -ms-transform: all 0.4s; -webkit-transform: all 0.4s; transform: all 0.4s; }
.pic-scroll .prev:hover, .pic-scroll .next:hover { background-color: #0099ff; }
.pic-scroll .next { right: 0; }
.pic-scroll .icon { vertical-align: middle; }

.topic-block { margin-top: 15px; }
.topic-block .block-title3 { margin-bottom: 20px; }
.topic-block .block-title3 .title { font-size: 20px; border-bottom: 0; }
.topic-focus { overflow: hidden; margin-bottom: 30px; }
.topic-focus-silde { width: 640px; height: 328px; overflow: hidden; float: left; position: relative; }
.topic-focus-silde .bd { width: 100%; height: 100%; }
.topic-focus-silde .bd li { position: relative; }
.topic-focus-silde .bd a { display: block; }
.topic-focus-silde .bd .pic { display: block; width: 640px; height: 328px; }
.topic-focus-silde .bd .tit { position: absolute; left: 0; right: 0; bottom: 0; height: 48px; line-height: 48px; padding: 0 150px 0 12px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); color: #fff; font-size: 16px; font-weight: bold; overflow: hidden; }
.topic-focus-silde .hd { position: absolute; right: 18px; bottom: 17px; z-index: 1; height: 14px; }
.topic-focus-silde .hd ul { overflow: hidden; }
.topic-focus-silde .hd li { width: 20px; height: 14px; float: left; background-color: #a8a8a8; font-size: 0; cursor: pointer; margin-left: 7px; }
.topic-focus-silde .hd li.on { background-color: #0099ff; }
.topic-focus-list { width: 544px; float: right; }
.topic-focus-list ul { overflow: hidden; margin: 0 0 -14px -14px; }
.topic-focus-list li { float: left; margin: 0 0 14px 14px; }
.topic-focus-list a { display: block; width: 265px; height: 100px; position: relative; }
.topic-focus-list a:hover .tit { background: rgba(0, 0, 0, 0.8); }
.topic-focus-list .pic { width: 100%; height: 100%; }
.topic-focus-list .tit { position: absolute; left: 0; right: 0; bottom: 0; height: 28px; line-height: 28px; text-align: center; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); color: #fff; overflow: hidden; }
.topic-list { overflow: hidden; }
.topic-list ul { width: 1220px; overflow: hidden; margin-bottom: -20px; }
.topic-list li { width: 285px; height: 225px; float: left; margin-right: 20px; margin-bottom: 40px; }
.topic-list .pic-wrap { display: block; width: 285px; height: 160px; }
.topic-list .pic { width: 100%; height: 100%; }
.topic-list .tit { margin: 10px 0 5px; height: 20px; line-height: 20px; overflow: hidden; }
.topic-list .time { line-height: 30px; color: #999; }
.topic-list .icon-time { vertical-align: -1px; margin-right: 5px; }
.topic-list .txt { float: left; color: #999; line-height: 30px; }
.topic-list .btn { padding: 4px 16px; float: right; }
.topic-detail-focus { margin: 20px 0 20px; overflow: hidden; }
.topic-detail-focus .pic { width: 350px; height: 200px; float: left; margin-right: 25px; }
.topic-detail-focus .tit { height: 45px; line-height: 45px; font-size: 24px; font-weight: bold; color: #f44334; border-bottom: 1px dashed #f5f5f5; overflow: hidden; margin-bottom: 10px; }
.topic-detail-focus .txt { min-height: 120px; line-height: 30px; font-size: 14px; color: #666; text-align: justify; overflow: hidden; }
.topic-detail-focus .time { text-align: right; color: #999; margin-top: 5px; }
.topic-detail-list { padding: 0px 0 10px; margin-bottom: 20px; }
.topic-detail-list ul { width: 1300px; }
.topic-detail-list li { float: left; margin: 30px 64px 0 0; position: relative; z-index: 1; cursor: default; }
.topic-detail-list li:after { content: ''; position: absolute; left: 50%; bottom: -15px; z-index: -1; margin-left: -160px; width: 320px; height: 44px; background-image: url(../images/topic/after.png); }
.topic-detail-list li:hover .item { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); }
.topic-detail-list .item { -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; display: block; position: relative; padding: 20px; width: 315px; height: 180px; background-color: #f7f7f7; border: 1px solid #e2e2e2; border-radius: 25px; }
.topic-detail-list .con { overflow: hidden; position: relative; }
.topic-detail-list .pic { width: 85px; height: 85px; margin: 15px; float: left; border-radius: 12px; }
.topic-detail-list .tit { height: 30px; line-height: 30px; font-size: 19px; font-weight: bold; overflow: hidden; margin: 10px 0 5px; color: #333; }
.topic-detail-list .tit:hover { color: #0099ff; }
.topic-detail-list .txt { font-size: 15px; color: #888; margin-top: 8px; }
.topic-detail-list .btn { position: absolute; top: 50%; right: 0; padding: 2px 15px; border-radius: 0; margin-top: 10px; border-radius: 13px; }
.topic-detail-list .rem { margin-top: 5px; height: 48px; line-height: 24px; font-size: 14px; color: #666; overflow: hidden; }
.topic-detail-list .ico { background: url(../images/topic/tag.gif) 0 -114px no-repeat; width: 112px; height: 110px; position: absolute; top: -5px; left: -6px; z-index: 1; }
.topic-detail-list .ico2 { background-position: 0 0; }
.topic-detail-list .ico3 { background-position: 0 -225px; }
.topic-detail-list .rec { width: 23px; height: 40px; padding-top: 22px; text-align: center; line-height: 15px; background: url(../images/topic/rec.png) no-repeat; color: #fff; position: absolute; left: -2px; top: -20px; }
.topic-news-list { margin-bottom: 20px; overflow: hidden; }
.topic-news-list ul { overflow: hidden; margin-left: -50px; }
.topic-news-list li { width: 570px; margin-left: 50px; float: left; height: 38px; line-height: 38px; font-size: 15px; overflow: hidden; }
.topic-news-list .tit { color: #666; }
.topic-news-list .tit:hover { color: #0099ff; }
.topic-news-list .time { color: #888; float: right; margin-left: 50px; }
.topic-detail-slide { position: relative; margin-bottom: 50px; }
.topic-detail-slide .oper-group { position: absolute; top: 14px; right: 0; z-index: 1; }
.topic-detail-slide .oper { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; display: inline-block; vertical-align: top; width: 29px; height: 29px; background: url(../images/topic/oper.png) no-repeat; cursor: pointer; margin-left: 5px; }
.topic-detail-slide .oper:hover { background-position: 0 -30px; }
.topic-detail-slide .next { background-position: -30px 0; }
.topic-detail-slide .next:hover { background-position: -30px -30px; }
.topic-detail-slide .prevStop, .topic-detail-slide .nextStop { background-position: 0 -60px !important; cursor: default; opacity: 0.5; }
.topic-detail-slide .nextStop { background-position: -30px -60px !important; }
.topic-detail-slide .more { background-position: -60px 0; }
.topic-detail-slide .bd { height: 180px; overflow: hidden; }
.topic-detail-slide .block-title { border-bottom: 0; margin-bottom: 0; margin-top: -10px; }
.topic-detail-slide .block-title .title { border-bottom: 0; font-size: 20px; font-weight: bold; color: #333; }
.topic-list2 { overflow: hidden; }
.topic-list2 ul { overflow: hidden; width: 1230px; }
.topic-list2 li { float: left; margin-right: 27px; }
.topic-list2 a { display: block; width: 280px; height: 180px; overflow: hidden; position: relative; color: #fff; }
.topic-list2 a:hover .cover { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.topic-list2 .pic { display: block; width: 100%; height: 100%; }
.topic-list2 .tit { height: 30px; line-height: 30px; font-size: 18px; overflow: hidden; }
.topic-list2 .txt { max-height: 40px; line-height: 20px; font-size: 14px; overflow: hidden; margin-top: 3px; }
.topic-list2 .btn { display: block; width: 86px; padding: 4px 0; margin: 20px auto 0; }
.topic-list2 .cover { height: 140px; position: absolute; left: 0; right: 0; top: 100%; overflow: hidden; padding: 20px 30px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); -moz-transition: -moz-transform 0.3s 0.1s; -o-transition: -o-transform 0.3s 0.1s; -webkit-transition: -webkit-transform 0.3s; -webkit-transition-delay: 0.1s; transition: transform 0.3s 0.1s; }

.top-list .item { position: relative; height: 240px; padding: 10px; background-color: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); overflow: hidden; margin-bottom: 16px; }
.top-list .item-hd { width: 214px; text-align: center; float: left; }
.top-list .item-bd { width: 502px; height: 210px; float: left; padding: 15px; background-color: #fafafa; }
.top-list .item-ft { width: 404px; float: right; overflow: hidden; padding: 10px; background-color: #fafafa; }
.top-list .item-ft li { float: left; width: 128px; height: 220px; text-align: center; overflow: hidden; }
.top-list .item-ft li + li { margin-left: 10px; }
.top-list .item-ft img { min-width: 100%; height: 100%; object-fit: cover; }
.top-list .num { position: absolute; top: 0; left: 0; z-index: 1; width: 24px; padding-top: 5px; text-align: center; font: italic 18px Impact; color: #fff; }
.top-list .num::after { content: ''; border-top: 50px solid #14B9C8; border-right: 50px solid transparent; position: absolute; top: 0; left: 0; z-index: -1; }
.top-list .num1::after, .top-list .num2::after, .top-list .num3::after { border-top: 50px solid #E03730; }
.top-list .pic-wrap { width: 150px; height: 150px; margin: 18px auto; }
.top-list .pic { width: 100%; height: 100%; }
.top-list .btn { width: 134px; padding: 7px 0; font-size: 18px; }
.top-list .tit { font-size: 24px; font-weight: bold; }
.top-list .txt { height: 88px; line-height: 22px; font-size: 14px; color: #666; text-align: justify; overflow: hidden; margin-top: 10px; margin-bottom: 10px; }

.news-list ul { margin-top: -10px; }
.news-list li { padding: 20px 0; }
.news-list li + li { border-top: 1px solid #ddd; }
.news-list a { display: block; overflow: hidden; }
.news-list .pic { width: 210px; height: 132px; float: left; margin-right: 20px; }
.news-list .tit { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 15px; }
.news-list .tit:hover { color: #0099ff; }
.news-list .txt { height: 84px; line-height: 28px; font-size: 14px; color: #666; text-align: justify; overflow: hidden; }
.news-list .time { margin-top: 28px; font-size: 14px; color: #999; }
.news-list .icon-time2 { vertical-align: top; margin: 4px 5px 0 0; }
.news-list2 { overflow: hidden; }
.news-list2.related ul { margin-left: -20px; }
.news-list2.related li { width: 420px; margin-left: 20px; float: left; }
.news-list2 .focus { overflow: hidden; margin-left: -20px; border-bottom: 1px dashed #cecece; padding-bottom: 5px; margin-bottom: 5px; }
.news-list2 .focus li { width: 145px; float: left; text-align: center; margin-left: 20px; }
.news-list2 .focus .tit:before { content: none; }
.news-list2 .pic { vertical-align: top; width: 145px; height: 92px; }
.news-list2 .tit { display: block; height: 28px; line-height: 28px; overflow: hidden; text-align: justify; }
.news-list2 .tit:before { content: ''; display: inline-block; vertical-align: 4px; margin-right: 3px; width: 2px; height: 2px; background: #777; }
.news-list3 { overflow: hidden; }
.news-list3.game li { width: 352px; }
.news-list3 ul { overflow: hidden; margin-top: -10px; margin-left: -20px; }
.news-list3 li { width: 420px; height: 40px; line-height: 40px; overflow: hidden; float: left; margin-left: 20px; border-bottom: 1px dashed #ddd; }
.news-list3 .tit { display: block; }
.news-list4 { overflow: hidden; }
.news-list4 ul { width: 900px; }
.news-list4 li { width: 190px; float: left; margin-right: 33px; }
.news-list4 a { display: block; }
.news-list4 .pic { display: block; width: 190px; height: 123px; }
.news-list4 .tit { display: block; height: 40px; line-height: 20px; text-align: center; overflow: hidden; margin-top: 5px; word-break: break-all; word-wrap: break-word; }
.news-detail { margin-bottom: 20px; }
.news-detail-head { padding: 15px 0; text-align: center; border-bottom: 1px solid #ddd; overflow: hidden; }
.news-detail-head .title { color: #333; font-size: 20px; font-weight: bold; line-height: 1.5; margin-bottom: 15px; }
.news-detail-head .info { line-height: 22px; text-align: center; }
.news-detail-head .info li { display: inline-block; vertical-align: top; margin: 0 10px; height: 22px; line-height: 22px; font-size: 14px; color: #999; }
/*.news-detail-body { padding: 15px 0; line-height: 1.8; color: #333; font-size: 15px; overflow: hidden; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }*/
.news-detail-body { padding: 15px 0; line-height: 32px; color: #333; font-size: 16px; overflow: hidden; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }
.news-detail-body p {line-height:32px; padding:10px;}
.news-detail-body img { max-width: 100%; margin-top: 5px; }
.news-detail-body h2, .news-detail-body h3, .introTit { display: block; margin-bottom: 5px; color: #333; position: relative; padding: 0 0 0 8px; font-weight: 700; text-indent: 0; margin: 10px 0; border-left: 4px solid #0099ff; border-bottom: 1px solid #efefef; height: 40px; font-size: 18px !important; line-height: 36px !important; }
.news-detail-ft p { height: 32px; line-height: 32px; font-size: 14px; color: #333; overflow: hidden; }
.news-detail-ft p + p { border-top: 1px dashed #ccc; }
.news-detail-ft a { color: #333; }
.news-detail-ft a:hover { color: #fa4e57; }
.news-detail-slide { position: relative; }
.news-detail-slide .oper-group { position: absolute; top: 6px; right: 0; z-index: 1; }
.news-detail-slide .oper { display: inline-block; vertical-align: top; width: 29px; height: 29px; background: url(../images/topic/oper.png) no-repeat; cursor: pointer; margin-left: 5px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.news-detail-slide .next { background-position: -30px 0; }
.news-detail-slide .prevStop { background-position: 0 -60px; cursor: default; }
.news-detail-slide .nextStop { background-position: -30px -60px; cursor: default; }
.news-detail-slide .more { color: #333; padding: 0 5px; background-position: -60px 0; }
.news-detail-slide .bd { height: 168px; overflow: hidden; }

.search-result-list { margin-top: 15px; }
.search-result-list .item { margin-bottom: 15px; position: relative; }
.search-result-list .item-hd { overflow: hidden; height: 24px; line-height: 24px; margin-bottom: 3px; }
.search-result-list .item-hd .pic { width: 22px; height: 22px; margin-right: 5px; float: left; font-size: 0; }
.search-result-list .item-hd .tit { font-size: 16px; color: #00c; text-decoration: underline; }
.search-result-list .item-hd .btn { display: block; width: 90px; padding: 7px 0; text-align: center; position: absolute; right: 5px; top: 35px; border-radius: 3px; }
.search-result-list .item-bd { width: 1000px; color: #333; line-height: 20px; font-size: 13px; overflow: hidden; }
.search-result-list .item-bd .pic { width: 120px; height: 80px; float: left; margin-right: 15px; margin-bottom: 2px; }
.search-result-list .item-bd .text a { color: #00c; padding-left: 3px; display: inline-block; }
.search-result-list .item-ft { color: green; font-size: 13px; }
.search-result-list .item-ft .url { margin-right: 5px; }
.search-result-null { padding: 200px 0; text-align: center; }
.search-result-null dl { display: inline-block; vertical-align: top; text-align: left; }
.search-result-null dt { color: #000; font-size: 22px; font-weight: bold; height: 32px; line-height: 32px; margin-bottom: 5px; overflow: hidden; }
.search-result-null dd { color: #333; font-size: 16px; height: 35px; line-height: 35px; }
.search-result-null dd:before { content: ''; display: inline-block; vertical-align: 3px; width: 5px; height: 5px; background: #dbdbdb; margin: 15px 8px 0 0; }
.search-result-null .link { color: red; }
.search-result-null .link:hover { text-decoration: underline; }

.not-found { max-width: 100%; min-width: 800px; height: auto; margin: 120px auto; overflow: hidden; text-align: center; }
.not-found .pic { vertical-align: top; margin-bottom: 35px; }
.not-found .txt { font-size: 16px; color: #999; margin-bottom: 15px; }
.not-found .num { color: #0099ff; }
.not-found .btn { width: 160px; font-size: 16px; padding: 10px 0; border-radius: 20px; }

.rel_down{display:block;overflow:hidden;margin:10px 0;width:100%;border-radius:10px;}
.rel_down .item{padding:20px;height:105px;background:#f4f5f5;}
.rel_down .item a{text-decoration:none;}
.rel_down .item p{margin:0;padding:0;}
.rel_down .item .pic{position:relative;float:left;overflow:hidden;margin-right:20px;width:105px;height:105px;}
.rel_down .item .pic img{width:105px;height:105px;border-radius:17px;}
.rel_down .item .info{float:left;overflow:hidden;margin-top:5px;width:460px;}
.rel_down .item .tit{overflow:hidden;margin-bottom:10px;height:30px;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:30px;}
.rel_down .item .tit a{color:#333;}
.rel_down .item .attr{color:#969696; font-size:14px; width:100%; height:20px; line-height:20px; margin-top:3px; overflow:hidden;}
.rel_down .item .attr span{display:inline-block; float:left; min-width:120px; margin-right:15px;}
.rel_down .item .attr em{float:left; font-style:normal}
.rel_down .item .stars{ width:85px;}
.rel_down .item .btns{float:right; width:150px; overflow:hidden; }
.rel_down .item .btn{ display: block; width: 150px; height: 44px; line-height: 44px; text-align: center; background: #11ad11; border-color: #11ad11; color: #FFF; border-radius: 4px; margin-top: 30px; font-size: 16px; padding:0; }
.rel_down .item .btn:hover{ background: #0D850D; border-color: #0D850D; color: #FFF; }

.rel_article {display:block; width:100%; margin:10px 0; overflow:hidden;}
.rel_article ul li {height:30px; display:block; font-size:16px; line-height:30px; padding-left:10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rel_article ul li a {margin-right:10px; color:#0099ff;}
.rel_article ul li a:hover {color:#ff0000; text-decoration: underline;}